<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<title>测试</title>
<style>
        table,table tr th, table tr td { border:1px solid #333; text-align: center;}
        table { width: 100%; min-height: 15px; line-height: 15px; text-align: center; border-collapse: collapse;}   
 </style>
	<script>document.write('<script src="../../plugin/vue/js/import.js?' + Math.random() + '"><' + '/script>');</script>

<script>
	_import("../../plugin/vue/js/before.js");
</script>
<style>
.infinite-list-wrapper { height: calc(100vh - 62px);  text-align: center;   background: #e8f3fe;}
  
</style>
</head>
<body>
	<div id="app" class="w-lazybox" v-cloak>	
	 <div class="panel-body00">	
		     <div class="grid-content"> 
		       <table >
		        <thead>
		        
		        <template v-for="(data,dataindex) in datalist" >
		         <tr height="20px"> <th :colspan="1+data.collist.length*colnum+1"  style="background: rgba(239, 226, 251, 0.98);font-size: smaller;color: blue;" >{{name}}</th> </tr>	
		         <tr height="15px"> <th :colspan="1+data.collist.length*colnum+1"  style="background: rgba(226, 251, 234, 0.98);font-size: xx-small;color: blue;" >{{desc}}</th> </tr>		       	       
			    <tr> <th :colspan="1+data.collist.length*colnum+1"  style="background: rgba(239, 226, 251, 0.98);font-size: xx-small;color: blue;" >{{data.info}}</th> </tr>
			        <tr><th  style="background: rgba(228, 251, 226, 0.48);font-size: x-small; width: 25%;">集合站点</th>
				        <template v-for="(col,colindex) in data.collist" >
				        <th :colspan="colnum" style="background: rgba(228, 251, 226, 0.48);font-size: x-small; width: 30%;">{{col.colname}}</th>
				        </template>   
			        <th style="background: rgba(228, 251, 226, 0.48);font-size: x-small;width: 15%;" >站点人数</th>	</tr>	
			        		            
			        <template v-for="(row,rowindex) in data.rowlist" >
			        <tr>			        
			        <td :rowspan="getRowSpan(row.lines)" style="background: rgba(208, 195, 48, 0.3);font-size: x-small;color: red;">{{row.places}}</td>			         	        
			            <template v-for="(line, lineindex) in  row.lines">	
			               <!-- (0--{{lineindex}}--{{oindex}}) -->		                
			           		 <td v-for="(o, oindex) in colnum" style="background: rgba(123, 153, 236, 0.21);font-size: xx-small; width: 15%;">{{lineindex}}--{{oindex}}  {{getItemdata(row.lines,lineindex,oindex)}}</td>			               
			            </template>				        
			             <th :rowspan="getRowSpan(row.lines)" style="background: rgba(73, 138, 169, 0.98);font-size: small;color: #fbfbfd;">{{getRowTotal(row.lines)}}</th>	  		
			           
			        </tr>
                    <tr v-for="rownum in getRowSpan(row.lines)-1" :key="rownum">				             
				             <!--{{(rownum-1)*colnum+(oindex+1)+1}})  {{getItemdata( row.lines,lineindex,(rownum-1)*colnum+(oindex+1)+1) }} -->
				            <template v-for="(line, lineindex) in  row.lines">		                
			           		 <td v-for="(o, oindex) in colnum" style="background: rgba(123, 153, 236, 0.21);font-size: xx-small;width: 15%;">{{lineindex}}--{{(rownum-1)*colnum+(oindex+1)+(colnum-1)}} {{getItemdata( row.lines,lineindex,(rownum-1)*colnum+(oindex+1)+(colnum-1)) }}</td>			               
			                  </template>		
				            <!-- <td>合计</td>	 -->	          
				      </tr> 
				      
				     <!--每行都有合计 
				       <tr><td>合计</td>
					     <template v-for="(line, lineindex) in  row.lines">		                
				           		 <td :colspan="colnum">{{line.datas.length}}</td>			               
				          </template>					     
				     <td>&nbsp;(人)</td>				     
				     </tr> 	
				      -->	        
			        </template>	
			        <!-- 
		            <tr><td>合计</td>
					     <template v-for="(col,colindex) in data.collist">		                
				           		 <td :colspan="colnum">{{getColTotal(data.rowlist,colindex)}}</td>			               
				          </template>					     
				     <td>{{getColTotalSum(data.rowlist,data.collist.length)}}</td>				     
				     </tr> 	 
			         -->
		        </template>
		     
		         <tr><td  style="background: rgba(73, 138, 169, 0.98);font-size: x-small;color: #fbfbfd; " >路线人数</td>
					     <template v-for="(col,colindex) in collist">		                
				           		 <td :colspan="colnum"  style="background: rgba(73, 138, 169, 0.98);font-size: small;color: #fbfbfd;" >{{colTotal(colindex)}}</td>			               
				          </template>					     
				     <th style="background: rgba(73, 138, 169, 0.98);font-size: x-small;color: #fbfbfd;">总人数:{{colTotalSum(collist.length)}}</th>				     
				  </tr> 	 
		       
		        </thead>
		       </table>
		     
		     
		     
		      	                       
         	 </div> 	  
         	    </div>
	</div>
</body>
<script>
	_import("../../plugin/vue/js/after.js?type=0");
</script>

<script>
        _import("js/mdlist.js");
</script>
</html>